.router-link-active.home {
    .button-icon {
        background-color: #00e1ff10;

        svg {
            color: #00e1ff;
        }
    }
}

.router-link-active.user {
    .button-icon {
        background-color: rgba(254, 102, 161, .1);

        svg {
            color: #fe66a1;
        }
    }
}

.router-link-active.settings {
    .button-icon {
        background-color: rgba(157, 102, 254, .1);

        svg {
            color: #9d66fe;
        }
    }
}

.slide-fade-enter-active {
    transition: all 0.3s ease;
  }
  
.slide-fade-leave-active {
    transition: all 0.3s ease;
  }
  
.slide-fade-enter-from,
.slide-fade-leave-to {
    opacity: 0;
    transform: scale(0);
    transform-origin: left top;
  }

